<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>04.过滤函数</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.js"></script>
</head>
<body>

    <div>
        <ul class="b">
            <li>xxxx</li>
            <li>####</li>
            <li class="p">@@@@
                <div class="a"></div>
            </li>
            <span>xxxx</span>
        </ul>
    </div>

    <script>
        /*
        children 子节点
        children(选择器) 获取制定的子节点
        find(选择器) 获取指定的后代节点
        parent() 获取父节点
        parents(选择器) 获取制定的父代节点
            
        */
        console.log($("ul li,ul span"));
        // 选中ul下的所有直接子节点
        console.log($("ul").children());
        console.log($("ul").children("li"));
        // 获取ul下的后代节点
        console.log($("ul").find("li .a"));
        console.log($("ul").find("li").find(".a"));
        // 获取父节点
        console.log($(".a").parent());
        console.log($(".a").parent().parent());
        console.log($(".a").parents(".b"));

    </script>
    
</body>
</html>